<script setup lang="ts">
import { useRouter } from 'vue-router';

const router = useRouter();

// 返回首页
const onGoHome = () => {
	router.push('/');
};
</script>

<template>
	<div class="notFound">
		<div class="left">
			<div class="item-animation item-num">404</div>
			<div class="item-animation item-title">
				{{ $t('notFound.foundTitle') }}
			</div>
			<div class="item-animation item-msg">
				{{ $t('notFound.foundMsg') }}
			</div>
			<div class="item-animation item-btn">
				<el-button round @click="onGoHome">{{ $t('notFound.foundBtn') }}</el-button>
			</div>
		</div>
		<div class="right">
			<img src="~@/assets/404/NotFound.png" />
		</div>
	</div>
</template>

<style lang="less" scoped>
@import url('./index.less');
</style>
